<!-- 逻辑 -->
  <script setup lang="ts">
const cat={
  name:'布偶猫',
  age:10 ,
  bark(){
    console.log('喵喵')
    alert('嗷嗷~')
    return 猫毛
  }
}
const clickBtn = () => {
   alert('点我干嘛?')
 }

</script>
<!-- 结构 -->
<template>
<h1>{{ cat.name }}</h1>
<h2>{{ cat .age>=10?'老猫':'小猫' }}</h2>
<div>
    <button @click="clickBtn">点我一下</button>
  </div>
</template>
<!-- 样式 -->
<style>

</style>
